<script setup>

import {FButton, FFooter, FHeader, FLayout, FMain, FSpace} from "@fesjs/fes-design";
import {useHomePageStore} from "../../store/HomePageStore.js";

const homePageStore = useHomePageStore()


</script>

<template>
  <FLayout containerStyle="height:100vh">
    <FHeader>
      <FSpace>
        <FButton v-if="homePageStore.homePageButtons.operationButton.enable" :type="homePageStore.button.operation"  @click="homePageStore.goOperationPage()">
          {{ homePageStore.homePageButtons.operationButton.text }}</FButton>
        <FButton v-if="homePageStore.homePageButtons.searchButton.enable" :type="homePageStore.button.search" @click="homePageStore.goSearchPage()">
          {{ homePageStore.homePageButtons.searchButton.text }}
        </FButton>
        <FButton v-if="homePageStore.homePageButtons.historyRecordButton.enable" :type="homePageStore.button.historyRecord" @click="homePageStore.goHistoryRecord()">
          {{ homePageStore.homePageButtons.historyRecordButton.text }}
        </FButton>
      </FSpace>
    </FHeader>
    <FMain>
      <router-view></router-view>
    </FMain>
    <FFooter>
    </FFooter>
  </FLayout>
</template>

<style scoped>

</style>